<script>
export default {
  props: ['name']
}
</script>

<template>
  <div class="category-title">
    <text class="title">— </text>
    <text class="title">{{name}}</text>
    <text class="title"> —</text>
  </div>
</template>
<style scoped>
.category-title {
  flex-direction: row;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 10px;
}

.title {
  text-align: center;
  font-size: 30px;
  color: #ccc;
}
</style>
